import React, { Component } from "react";
import { NavLink } from "react-router-dom";
import { BASE_LINK, RECORD_LINK, MY_LINK } from "../actions/types";

class Nav extends Component {
  render() {
    return (
      <div className="navMobile-list">
        <NavLink exact to={BASE_LINK} activeClassName="active">
          <div className="mobile_icon mobile_icon_index" />
          <p>首页</p>
        </NavLink>
        {false && (
          <NavLink to={RECORD_LINK} activeClassName="active">
            <div className="mobile_icon mobile_icon_service" />
            <p>战绩</p>
          </NavLink>
        )}
        <NavLink to={`${MY_LINK}`} activeClassName="active">
          <div className="mobile_icon mobile_icon_personal" />
          <p>我的</p>
        </NavLink>
      </div>
    );
  }
}
export default Nav;
